<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="index.css">
    <title>甘肃网上信访受理平台</title>
</head>
<body>
  <div class="container">
      <!-- begin-top-text -->
      <header>
          <div class="logo-box">
              <img src="./img/national_icon.png" alt="" class="national">
              <img src="./img/text.png" alt="">
          </div>
      </header>
      <!--nav-->
      <nav>
          <ul class="menu-box">
              <li class="nav-item"><a href="">首页</a></li>
              <li class="nav-item"><a href="">信访公开</a></li>
              <li class="nav-item"><a href="">案例公开</a></li>
              <li class="nav-item"><a href="">受理情况</a></li>
              <li class="nav-item"><a href="">满意度评价</a></li>
          </ul>
          <div class="date-box">2014年12月2日19:01:02</div>
      </nav>
      <!--content-->
      <div class="content-box">
          <div class="big-box">
          <!--login-box-->
          <div class="login-box">
              <div class="login-title">
                  <img class="user-icon" src="./img/user_head_icon.png">
                  <span>用户登录</span>
              </div>
              <div class="in-item">
                  <label for="">用户名：</label>
                  <input type="text">
              </div>
              <div class="in-item">
                  <label for="">密&#12288;码：</label>
                  <input type="text">
              </div>
              <div class="in-item d-code">
                  <label for="">验证码：</label>
                  <input type="text">
                  <div class="code-box">UDdv</div>
              </div>
              <p class="login-tip"><a href="">忘记登录密码？</a></p>
              <div class="btn-login btn">登录</div>
              <div class="btn-logup btn">注册</div>
          </div>
          <!--banner-->
          <div class="right-box">
              <div class="banner">
                  <a href="">
                      <img src="./img/top_banner.png" alt="">
                  </a>
              </div>
              <div class="tab">
                  <div class="link-box">
                      <a href=""><img src="./img/link_icon.png" alt="">甘肃省信访局链接</a>
                  </div>
                  <div>
                      <input type="radio" id="r-1" name="tab" checked>
                      <label for="r-1" class="label-1">省（市）信访局</label>
                      <div class="mod-1">
                          <div class="select-box">
                              <select name="" id="">
                                  <option value="兰州市" selected>兰州市</option>
                                  <option value="庆阳市">庆阳市</option>
                                  <option value="陇南市">陇南市</option>
                                  <option value="白银市">白银市</option>
                              </select>
                          </div>
                          <ul class="city-box first">
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                          </ul>
                          <ul class="city-box">
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                          </ul>
                      </div>
                  </div>
                  <div>
                      <input type="radio" id="r-2" name="tab">
                      <label for="r-2" class="label-2">县（区）信访局</label>
                      <div class="mod-2">
                          <div class="select-box">
                              <select name="">
                                  <option value="兰州市">兰州市</option>
                                  <option value="庆阳市">庆阳市</option>
                                  <option value="陇南市"  selected>陇南市</option>
                                  <option value="白银市">白银市</option>
                              </select>
                          </div>
                          <ul class="city-box first">
                              <li><a href="">兰州市信访局</a></li>
                              <li><a href="">兰州市信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">兰州市信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">兰州市信访局</a></li>
                          </ul>
                          <ul class="city-box">
                              <li><a href="">兰州市信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">兰州市信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                              <li><a href="">甘肃省信访局</a></li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>

          </div>
          <!--menu-->
          <div class="menu-link-box">
              <a href="" class="menu-link-item">
                  <img src="./img/menu_1.png" alt="">
              </a>
              <a href="" class="menu-link-item">
                  <img src="./img/menu2.png" alt="">
              </a>
              <a href="" class="menu-link-item">
                  <img src="./img/menu3.png" alt="">
              </a>
              <a href="" class="menu-link-item">
                  <img src="./img/menu4.png" alt="">
              </a>
              <a href="" class="menu-link-item">
                  <img src="./img/menu5.png" alt="">
              </a>
              <a href="" class="menu-link-item">
                  <img src="./img/menu6.png" alt="">
              </a>
          </div>
      </div>
  </div>
</body>
</html>